<template>
	<div class="body">
		<!-- <div class="head">
			<img @click="returnGo" src="../assets/homeimg/滑动左.png" />
			<span>消息详情</span>
		</div> -->

		<div class="min">
			<div class="tis">
				<div>{{obj.name}}</div>
				<p>{{obj.createtime_text}}</p>
			</div>

			<div class="mintop">
				<div class="navimg">
					<img :src="obj.image" alt="" />
				</div>
			</div>
			<div class="content" v-html="obj.content">{{obj.content}}</div>
		</div>


	</div>
</template>
<script>
	import mineApi from "@/api/mine";
	export default {
		data() {
			return {
				obj: {}
			};
		},
		components: {
			// [Image.name]: Image
		},
		created() {
			var id = this.$route.params.id
			this.systemdetail(id)
		},
		methods: {
			returnGo() {
				this.$router.go(-1);
			},
			systemdetail(id) {
				mineApi.detail({
					id: id
				}).then(res => {
					console.log(res);
					this.obj = res.data;
				})
			},

		}
	};
</script>
<style lang="scss" scoped="scoped">
	.body {
		height: 100%;
		background: #fafafa;
	}

	.head {
		text-align: center;
		position: relative;
		height: 2.75rem;
		line-height: 2.75rem;
		// padding-top: 1.25rem;
		color: #333333;
		font-size: 1.25rem;
		border-bottom: 1px solid #dcdcdc;
		background: #fff;

		img {
			width: 0.625rem;
			height: 1.125rem;
			position: absolute;
			left: 1rem;
			bottom: 0.75rem;
		}
	}
    
    // 在scss文件中
    @supports(bottom:constant(safe-area-inset-top)) {
    
    	// 如果存在底部安全区域
    	.head {
    		padding-top: constant(safe-area-inset-top);
    
    	}
    
    }
    
    @supports(bottom:env(safe-area-inset-top)) {
    
    	// 如果存在底部安全区域
    	.head {
    		padding-top: env(safe-area-inset-top);
    
    	}
    
    }
	.min {
		width: 92vw;
		margin: 0 auto;
        
		.mintop {
			margin-top: 0.625rem;
			background: #fff;
		}
		.navimg img {
			width: 100%;
			height: 10rem;
		}

	}

	.tis {
		margin-top: 1.25rem;
		div{
			font-size:16px;
			font-family:PingFang SC;
			font-weight:500;
			color:rgba(51,51,51,1);
		}

		p {
			color: #666666;
			font-size: 12px;
			font-family:PingFang SC;
			font-weight:400;
		}
	}
	.content{
		margin-top: 0.625rem;
		font-size: 0.875rem;
		line-height: 1.5625rem;
	}
</style>
